<template>
   <div class="box">
    <yz-button type="primary" @click="handle">提示消息</yz-button>
   </div>
</template>

<script lang='ts' setup>

import { YzMessage } from './packages';
enum Color {
    primary = 1,
    success,
    warning,
    danger,
    info
}
let i = 0
const handle = () => {
    YzMessage({
        text: i++ + '你好',
        type: Color[i]
    })
}
</script>

<style scoped>
.box {
    padding: 100px;
}
</style>